<template>
    <div class="clockIn container">
        <el-calendar>
            <p class="is-selected">
                {{ data.day.split('-').slice(1).join('-') }}
                {{ data.isSelected ? '✔️' : '' }}
            </p>
        </el-calendar>
        <button @click="get">打卡</button>
    </div>
</template>

<script>
export default {
    components: {},
    props: {},
    data() {
        return {}
    },
    watch: {},
    computed: {},
    methods: {
        get() {
            console.log('调用成功')
            let a = document.querySelector('td.is-selected')
            console.log(a)
            a.className = 'is-selecte'
        },
    },
    created() {},
    mounted() {},
}
</script>
<style lang="less" scoped>
.clockIn {
    position: fixed;
    top: 100px;
    right: 100px;
    width: 350px;
    height: 100px;
}
</style>
<style lang="less">
.is-selecte {
    background-color: red;
}
</style>
